<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>

	<style>
	body{
		padding-top: 50px;
		padding-left: 50px;
	}
	</style>
</head>
<body>
	<div class="navbar navbar-fixed-top navbar-inverse">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collape" data-target=".navbar-collapse">
					<span class="sr-only">togglenavigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a href="#" class="navbar-brand">project name</a>
			</div>

			<div class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<li class="active"><a href="#"><span class="glyphicon glyphicon-home">Home</span></a></li>
					<li><a href="#"><span class="glyphicon glyphicon-shopping-cart">Shop</span></a></li>
					<li><a href="#"><span class="glyphicon glyphicon-headphones">Support</span></a></li>
				</ul>
			</div>
		</div>
	</div>
</body>
</html>